<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2019/6/15
  Time: 17:11
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<html>
<head>
<title>人事档案管理</title>
<link rel="stylesheet" href="../layui/css/layui.css">
<style>
.layui-form-item {
	height: 30px;
}
</style>
</head>
<body>
	<script src="../layui/layui.js"></script>
	<script type="text/javascript">
	var authorities="<%=session.getAttribute("user")%>";
    var resultpers = authorities.replace('[','').replace(']','').split(',');
    var aa = resultpers[0].slice(9);
    var alr=0;
	layui.use([ 'layer', 'table', 'jquery', 'form','upload', 'laydate' ],
			function() {
				const layer = layui.layer; //使用过程必须声明(实例化对象)
				const table = layui.table;
				const $ = layui.jquery;
				const form = layui.form;
				const laydate = layui.laydate;
				const upload = layui.upload;
				//输入项正则
				form.verify({
		            name: [
		            	/^[\w\u4e00-\u9fa5]+$/,
		                '姓名不可有特殊字符'
		            ]
		            , telenum: [
		            	/^1\d{10}$/,
		                '请输入正确的手机号'
		            ]
					, email: [
	            		/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/,
	                	'请输入正确的邮箱'
	            	]
					, bcardnum: [
	            		/^[0-9]{19}/, 
	            		'请输入正确的银行卡号'
	            	]
					, scardnum: [
            			/[0-9]{0,30}/, 
            			'请输入正确的社保卡号'
            		]
		            , snum: [
		            	/(^\d{15}$)|(^\d{17}(x|X|\d)$)/, 
		            	'请输入正确的身份证号'
		            ]
				
		        });
				 $.post('../user/getrolefuid', {'uid':aa}, function(
							flag) {
						alr=flag-1;
					})
				table.render({
					elem : '#stafftb',
					url : '../staff/listPage' //数据接口
					,
					title : '档案信息表',
					page : true
					,
					cols : [ [ //表头

					{
						field : 'scode',
						title : '档案编码',
						width:100,
					}, {
						field : 'name',
						title : '姓名',
						width:80,
					}, {
						field : 'sex',
						title : '性别',
						width:50,
						templet : function(data) {
							if(data.sex=='0')
								return '男';
							else
								return '女';
						}
							
					}, {
						field : 'depart',
						title : '部门',
						width:120,
						templet : function(data) {
							return data.depart.dname;

						}
					}, {
						field : 'job',
						title : '职位',
						width:120,
						templet : function(data) {
							return data.job.jobname;

						}
					}, {
						field : 'jobtitle',
						title : '职称',
						width:120,
						templet : function(data) {
							return data.jobtitle.jtname;

						}
					}, {
						field : 'edittime',
						title : '登记时间',
						width:110,
					}, {
						field : 'summit',
						title : '审核状态',
						width:100,
						
						templet : function(data) {
						if(data.summit.summitstatu=='0')
							return '提交';
						else if(data.summit.summitstatu=='1')
							return '审核';
						else if(data.summit.summitstatu=='2')
							return '通过';
						else if(data.summit.summitstatu=='3')
							return '驳回';
						else
							return '无';
						}
					}, {
						field : 'staffstatu',
						title : '档案状态',
						width:100,
						templet : function(data) {
						if(data.staffstatu=='0')
							return '正式员工';
						else if(data.staffstatu=='1')
							return '试用期';
						else if(data.staffstatu=='2')
							return '实习期';
						else if(data.staffstatu=='3')
							return '离职';
						else if(data.staffstatu=='4')
							return '删除';
						}
					}

					, {
						field : '',
						title : '操作',
						fixed : 'right',
						align : 'center',
						toolbar : '#barDemo'
					} ] ]
				});
				
				laydate.render({
	                elem: '#search-edittime'
	            });
				
				table.on('tool(test)', function(obj) {
					const method = obj.event;
					if ('vali' === method) {//修改
						layer.open({ //修改之前弹出对话框
							type : 1,
							offset: '0px',
							area : [ '1000px','500px' ],
							title : '信息审核',
							content : $("#vali-dialog").html()
						});
						var smttype="";
						if(obj.data.summit.summittype=="0"){
							smttype="转正";
						}else if(obj.data.summit.summittype=="1"){
							smttype="调薪";
						}else if(obj.data.summit.summittype=="2"){
							smttype="调岗";
						}else if(obj.data.summit.summittype=="3"){
							smttype="离职";
						}else if(obj.data.summit.summittype=="4"){
							smttype="档案删除";
						}else if(obj.data.summit.summittype=="5"){
							smttype="档案新增";
						}else if(obj.data.summit.summittype=="6"){
							smttype="修改信息";
						}
						$.post('../staffChange/getinfo', {'sid':obj.data.sid}, function(dd) {
								var scdata = eval("(" + dd + ")");
								form.val('vali-load-data', {//填充修改表单
									'sid' : scdata[0].sid,
									'summittype': smttype,
									'name' : scdata[0].name,
									'sex' : scdata[0].sex,
									'staffstatu' : scdata[0].staffstatu,
									'politictype' : scdata[0].politictype,
									'place' : scdata[0].place,
									'snum' : scdata[0].snum,
									'bplace' : scdata[0].bplace,
									'telenum' : scdata[0].telenum,
									'gradschool' : scdata[0].gradschool,
									'major' : scdata[0].major,
									'degree' : scdata[0].degree,
									'salarytype' : scdata[0].salarytype,
									'bank' : scdata[0].bank,
									'bcardnum' : scdata[0].bcardnum,
									'scardnum' : scdata[0].scardnum,
									'email' : scdata[0].email,
									'selfexperience' : scdata[0].selfexperience,
									'familyinfo' : scdata[0].familyinfo,
									'staffdesc' : scdata[0].staffdesc
								})
							
						})					
						
						
						//提交修改数据到后台
						form.on('submit(pass-submit)', function(d) {
							$.post('../staff/pass', d.field, function(
									flag) {
								if (flag) {
									layer.msg('申请通过!');
									table.reload('stafftb');
									layer.closeAll('page');//关闭添加对话框
								} else {
									layer.msg('申请通过失败!');
								}

							})
							return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
						});
						//驳回申请
						form.on('submit(refuse-submit)', function(d) {
							$.post('../staff/refuse', d.field, function(
									flag) {
								if (flag) {
									layer.msg('成功驳回申请');
									table.reload('stafftb');
									layer.closeAll('page');//关闭添加对话框
								} else {
									layer.msg('驳回失败');
								}

							})
							return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
						});
					
					}  else if ("edit" === method) { //修改

						var index = layer.open({ //修改之前弹出对话框
							type : 1,
							offset: '0px',
							area : [ '1000px','300px' ],
							title : '修改信息',
							content : $("#edit-dialog").html()
						});
						//选项增删
						if(obj.data.staffstatu=="0"){
							$("#summittype option[value='0']").remove();
						}else if(obj.data.staffstatu=="3"){
							$("#summittype option[value='1']").remove();
							$("#summittype option[value='2']").remove();
							$("#summittype option[value='3']").remove();
						}else if(obj.data.staffstatu=="4"){
							$("#summittype option[value='1']").remove();
							$("#summittype option[value='2']").remove();
							$("#summittype option[value='3']").remove();
						}
							
						//部门回显
						$.post("../depart/list", function(data) {
							var dd = eval("(" + data + ")");
							if (dd) {
								$('#depart').append(
										"<option selected ='selected' value='" + obj.data.depart.did + "'>"
												+ obj.data.depart.dname
												+ "</option>")
								$.each(dd, function(index, item) {
									if(item.did!=obj.data.depart.did){
										$('#depart').append(
											new Option(item.dname,
													item.did));//往下拉菜单里添加元素
									}
								})
								form.render();
							}
						});
						//职位回显
						$.post("../job/departsel" ,{'did':obj.data.did} ,function(d) {
							
							var dd = eval("(" + d + ")");
							if (dd) {
								$('#job').empty();
								$('#job').append(new Option("请选择",""));//往下拉菜单里添加元素
								$('#job').append(
										"<option selected ='selected' value='" + obj.data.job.jid + "'>"
												+ obj.data.job.jobname
												+ "</option>")
								$.each(dd, function(index, item) {
									if(item.jid!=obj.data.job.jid){
										$('#job').append(
											new Option(item.jobname,
													item.jid));//往下拉菜单里添加元素
									}
								})
								form.render();
							}
						});
						//职称回显
						$.post("../jobtitle/departsel",{'did':obj.data.did} , function(d) {
							var dd = eval("(" + d + ")");
							if (dd) {
								$('#jobtitle').empty();
								$('#jobtitle').append(new Option("请选择",""));//往下拉菜单里添加元素
								$('#jobtitle').append(
										"<option selected ='selected' value='" + obj.data.jobtitle.jtid + "'>"
												+ obj.data.jobtitle.jtname
												+ "</option>")
								$.each(dd, function(index, item) {
									if(item.jtid!=obj.data.jobtitle.jtid){
									$('#jobtitle').append(
											new Option(item.jtname,
													item.jtid));//往下拉菜单里添加元素
									}
								})
								form.render();
							}
						});
						//数据填充
						form.val('edit-load-data', {//填充修改表单
							'sid' : obj.data.sid,
							'name' : obj.data.name,
							'sex' : obj.data.sex,
							'staffstatu' : obj.data.staffstatu,
							'politictype' : obj.data.politictype,
							'place' : obj.data.place,
							'snum' : obj.data.snum,
							'bplace' : obj.data.bplace,
							'telenum' : obj.data.telenum,
							'gradschool' : obj.data.gradschool,
							'major' : obj.data.major,
							'degree' : obj.data.degree,
							'salarytype' : obj.data.salarytype,
							'bank' : obj.data.bank,
							'bcardnum' : obj.data.bcardnum,
							'scardnum' : obj.data.scardnum,
							'email' : obj.data.email,
							'selfexperience' : obj.data.selfexperience,
							'familyinfo' : obj.data.familyinfo,
							'staffdesc' : obj.data.staffdesc
						})
						form.on('select(summittype)', function(data) {
							var dddd=$("#summittype").val();
							if(dddd=="2"){
								layer.style(index, {
									  width: '1000px',
									  height:'300px',
									  top: '0px'
									});       
								$('#changejob').removeClass('layui-hide');
								$('#changestatu').addClass('layui-hide');
								$('#changesalary').addClass('layui-hide');
								$('#changeinfo').addClass('layui-hide');
								$('#changebtn').removeClass('layui-hide');
								
							}else if(dddd=="1"){
								layer.style(index, {
									  width: '1000px',
									  height:'300px',
									  top: '0px'
									});      
								$('#changejob').addClass('layui-hide');
								$('#changestatu').addClass('layui-hide');
								$('#changesalary').removeClass('layui-hide');
								$('#changeinfo').addClass('layui-hide');
								$('#changebtn').removeClass('layui-hide');
							}else if(dddd=="6"){
								layer.style(index, {
									  width: '1000px',
									  height:'500px',
									  top: '0px'
									});      
								$('#changejob').addClass('layui-hide');
								$('#changestatu').addClass('layui-hide');
								$('#changesalary').addClass('layui-hide');
								$('#changeinfo').removeClass('layui-hide');
								$('#changebtn').removeClass('layui-hide');
							}else if(dddd==""){
								layer.style(index, {
									  width: '1000px',
									  height:'300px',
									  top: '0px'
									});      
								$('#changejob').addClass('layui-hide');
								$('#changestatu').addClass('layui-hide');
								$('#changesalary').addClass('layui-hide');
								$('#changeinfo').addClass('layui-hide');
								$('#changebtn').addClass('layui-hide');
							}else{
								layer.style(index, {
									  width: '1000px',
									  height:'300px',
									  top: '0px'
									});      
								$('#changejob').addClass('layui-hide');
								$('#changestatu').addClass('layui-hide');
								$('#changesalary').addClass('layui-hide');
								$('#changeinfo').addClass('layui-hide');
								$('#changebtn').removeClass('layui-hide');
							}
						})
						//监控部门选择,二级下拉菜单(未完成)
						form.on('select(depart)', function(data) {
						var dddd=$("#depart").val();

						if(dddd=="" || dddd==null){
							$('#job').empty();
							$('#job').append(new Option("请选择",""));//往下拉菜单里添加元素
							$('#jobtitle').empty();
							$('#jobtitle').append(new Option("请选择",""));//往下拉菜单里添加元素
							form.render();
						}else{
							$.post("../job/departsel" ,{'did':data.value} ,function(d) {
								
								var dd = eval("(" + d + ")");
								if (dd) {
									$('#job').empty();
									$('#job').append(new Option("请选择",""));//往下拉菜单里添加元素
									$.each(dd, function(index, item) {
										
										$('#job').append(
												new Option(item.jobname,
														item.jid));//往下拉菜单里添加元素

									})
									form.render();
								}
							});
							$.post("../jobtitle/departsel",{'did':data.value} , function(d) {
								var dd = eval("(" + d + ")");
								if (dd) {
									$('#jobtitle').empty();
									$('#jobtitle').append(new Option("请选择",""));//往下拉菜单里添加元素
									$.each(dd, function(index, item) {

										$('#jobtitle').append(
												new Option(item.jtname,
														item.jtid));//往下拉菜单里添加元素

									})
									form.render();
								}
							});
						}
						});
						//重置
						$("#resume").click(
								function() {
									//部门回显
									$.post("../depart/list", function(data) {
										var dd = eval("(" + data + ")");
										if (dd) {
											$('#depart').append(
													"<option selected ='selected' value='" + obj.data.depart.did + "'>"
															+ obj.data.depart.dname
															+ "</option>")
											$.each(dd, function(index, item) {
												if(item.did!=obj.data.depart.did){
													$('#depart').append(
														new Option(item.dname,
																item.did));//往下拉菜单里添加元素
												}
											})
											form.render();
										}
									});
									//职位回显
									$.post("../job/departsel" ,{'did':obj.data.did} ,function(d) {
										
										var dd = eval("(" + d + ")");
										if (dd) {
											$('#job').empty();
											$('#job').append(new Option("请选择",""));//往下拉菜单里添加元素
											$('#job').append(
													"<option selected ='selected' value='" + obj.data.job.jid + "'>"
															+ obj.data.job.jobname
															+ "</option>")
											$.each(dd, function(index, item) {
												if(item.jid!=obj.data.job.jid){
													$('#job').append(
														new Option(item.jobname,
																item.jid));//往下拉菜单里添加元素
												}
											})
											form.render();
										}
									});
									//职称回显
									$.post("../jobtitle/departsel",{'did':obj.data.did} , function(d) {
										var dd = eval("(" + d + ")");
										if (dd) {
											$('#jobtitle').empty();
											$('#jobtitle').append(new Option("请选择",""));//往下拉菜单里添加元素
											$('#jobtitle').append(
													"<option selected ='selected' value='" + obj.data.jobtitle.jtid + "'>"
															+ obj.data.jobtitle.jtname
															+ "</option>")
											$.each(dd, function(index, item) {
												if(item.jtid!=obj.data.jobtitle.jtid){
												$('#jobtitle').append(
														new Option(item.jtname,
																item.jtid));//往下拉菜单里添加元素
												}
											})
											form.render();
										}
									});
									//数据填充
									form.val('edit-load-data', {//填充修改表单
										'sid' : obj.data.sid,
										'name' : obj.data.name,
										'sex' : obj.data.sex,
										'staffstatu' : obj.data.staffstatu,
										'politictype' : obj.data.politictype,
										'place' : obj.data.place,
										'snum' : obj.data.snum,
										'bplace' : obj.data.bplace,
										'telenum' : obj.data.telenum,
										'gradschool' : obj.data.gradschool,
										'major' : obj.data.major,
										'degree' : obj.data.degree,
										'salarytype' : obj.data.salarytype,
										'bank' : obj.data.bank,
										'bcardnum' : obj.data.bcardnum,
										'scardnum' : obj.data.scardnum,
										'email' : obj.data.email,
										'selfexperience' : obj.data.selfexperience,
										'familyinfo' : obj.data.familyinfo,
										'staffdesc' : obj.data.staffdesc
									})
								}
							)
						//提交修改数据到后台
						form.on('submit(edit-submit)', function(d) {
							
							$.post('../staffChange/submit', d.field, function(flag) {
								if (flag) {
									layer.msg('成功提交修改申请');
									table.reload('stafftb');
									layer.closeAll('page');//关闭添加对话框
								} else {
									layer.msg('提交申请失败');
								}
							})
							return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
						});
		            }  else if ("content" === method) { //明细

		            	layer.open({ 
							type : 1,
							offset: '0px',
							area : [ '1000px','500px' ],
							title : '明细信息',
							content : $("#content-dialog").html()
						});
		                console.log(obj.data);
		                //name
		            	var sexname="";
						if(obj.data.sex=="0"){
							sexname="男";
						}else if(obj.data.sex=="1"){
							sexname="女";
						}
						//statu
						var ststatu="";
						if(obj.data.staffstatu=='0')
							ststatu='正式员工';
						else if(obj.data.staffstatu=='1')
							ststatu= '试用期';
						else if(obj.data.staffstatu=='2')
							ststatu= '实习期';
						else if(obj.data.staffstatu=='3')
							ststatu= '离职';
						else if(obj.data.staffstatu=='4')
							ststatu= '删除';
						
						//politictype
						var politictype="";
						if(obj.data.politictype=='0')
							politictype='群众';
						else if(obj.data.politictype=='1')
							politictype= '团员';
						else if(obj.data.politictype=='2')
							politictype= '党员';
						else if(obj.data.politictype=='3')
							politictype= '其他党派';
						//degree	
						var degree="";
						if(obj.data.degree=='0')
							degree='初中';
						else if(obj.data.degree=='1')
							degree= '高中';
						else if(obj.data.degree=='2')
							degree= '专科';
						else if(obj.data.degree=='3')
							degree= '本科';
						else if(obj.data.degree=='4')
							degree= '研究生';
						else if(obj.data.degree=='5')
							degree= '博士';
						form.val('content-load-data', {//填充修改表单
							'scode' : obj.data.scode,
							'did' : obj.data.depart.dname,
							'jid' : obj.data.job.jobname,
							'jtid' : obj.data.jobtitle.jtname,
							'jobcode' : obj.data.job.jobcode,
							'editname' : obj.data.editname,
							'edittime' : obj.data.edittime,
							'name' : obj.data.name,
							'sex' : sexname,
							'staffstatu' : ststatu,
							'politictype' : politictype,
							'place' : obj.data.place,
							'snum' : obj.data.snum,
							'bplace' : obj.data.bplace,
							'telenum' : obj.data.telenum,
							'gradschool' : obj.data.gradschool,
							'major' : obj.data.major,
							'degree' : degree,
							'salarytype' : obj.data.salarytype,
							'bank' : obj.data.bank,
							'bcardnum' : obj.data.bcardnum,
							'scardnum' : obj.data.scardnum,
							'email' : obj.data.email,
							'selfexperience' : obj.data.selfexperience,
							'familyinfo' : obj.data.familyinfo,
							'staffdesc' : obj.data.staffdesc
						})
						$('#phototool').append('<img src="'+ obj.data.image +'" alt="上传成功后渲染" class="layui-upload-img">')
										
						

		            }  else if ("del" === method) { //删除
		            	layer.confirm('您确认要删除吗？', {
		            		  btn: ['确认','取消'], 
		            		  offset: '100px' //按钮
		            		}, function(){
		            			$.post('../staff/del', {"sid" : obj.data.sid}, function(flag) {
				                	if (flag) {
										layer.msg('成功提交申请');
										table.reload('stafftb');
									} else {
										layer.msg('提交申请失败');
									}
				                })
		            		}, function(){
		            			layer.msg('已取消');
		            		 return false;
		            	});
		            	return false;//重点二！！！！  阻止提交行为！！
		                

		            }  else if ("realdel" === method) { //永久删除

		                $.post('..', {//提交ajax删除
		                    "sid" : obj.data.sid
		                }, function(flag) {
		                    
		                })

		            }  else if ("photo" === method) { //永久删除
		            	layer.open({ //修改该之前弹出对话框
                            type : 1,
                            area : [ '420px','250px' ],
                            title : '上传头像',
                            offset: '50px',
                            content : $("#photo-dialog").html()
                   	 	})
                   	 var sid=obj.data.sid;
                  	  var uploadInst = upload.render({
                            elem: '#headImg'
                            , url: '../staff/upload/headImg?sid='+sid
                            , size: 200
                            , before: function (obj) {
                                //预读本地文件示例，不支持ie8
                                obj.preview(function (index, file, result) {
                                	$('#headImg').append('<img src="'+ result +'" alt="'+ file.name +'" class="layui-upload-img">')
                                });
                            }
                            , done: function (res) {
                                //如果上传失败
                                if (res.code > 0) {
                                    return layer.msg('上传失败');
                                }

                                console.log(res.data.src)
                                layer.msg('上传成功');
                                table.reload('stafftb');
                                layer.closeAll('page');//关闭修改对话框
                               
                            }
                            , error: function () {
                                //演示失败状态，并实现重传
                                var demoText = $('#demoText');
                                demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-mini demo-reload">重试</a>');
                                demoText.find('.demo-reload').on('click', function () {
                                    uploadInst.upload();
                                });
                            }
                        });
		            }
				})
				
				//添加按钮
				$("#file-addbtn").click(
					function() {
						layer.open({
							type : 1,
							offset: '0px',
							area : [ '1000px','500px' ],
							title : '新增档案',
							content : $("#add-dialog").html()
						});
					
					
					$.post("../depart/list", function(data) {
	
						var dd = eval("(" + data + ")");
						if (dd) {

							$.each(dd, function(index, item) {

								$('#newdepart').append(
										new Option(item.dname,
												item.did));//往下拉菜单里添加元素

							})
							form.render();
						}
					});
					
					//监控部门选择,二级下拉菜单(未完成)
					form.on('select(newdepart)', function(data) {
						var dddd=$("#newdepart").val();
			
						if(dddd=="" || dddd==null){
		
							$('#newjob').empty();
							$('#newjob').append(new Option("请选择",""));//往下拉菜单里添加元素
							$('#newjobtitle').empty();
							$('#newjobtitle').append(new Option("请选择",""));//往下拉菜单里添加元素
							form.render();
						}else{
							$.post("../job/departsel" ,{'did':data.value} ,function(d) {
								
								var dd = eval("(" + d + ")");
								if (dd) {
									$('#newjob').empty();
									$('#newjob').append(new Option("请选择",""));//往下拉菜单里添加元素
									$.each(dd, function(index, item) {
										
										$('#newjob').append(
												new Option(item.jobname,
														item.jid));//往下拉菜单里添加元素

									})
									form.render();
								}
							});
							$.post("../jobtitle/departsel",{'did':data.value} , function(d) {
								var dd = eval("(" + d + ")");
								if (dd) {
									$('#newjobtitle').empty();
									$('#newjobtitle').append(new Option("请选择",""));//往下拉菜单里添加元素
									$.each(dd, function(index, item) {

										$('#newjobtitle').append(
												new Option(item.jtname,
														item.jtid));//往下拉菜单里添加元素

									})
									form.render();
								}
							});
						}
					});
					
					//监控提交表单按钮
					form.on('submit(add-submit)', function(d) {
						
						$.post('../staff/add', d.field, function(
								flag) {
							if (flag) {
								layer.msg('添加成功');
								table.reload('stafftb');
								layer.closeAll('page');//关闭添加对话框
							} else {
								layer.msg('添加失败');
							}

						})
						return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
					});
					
					
					
				})
				//条件搜索
				$("#btn-search").click(
					function() {
						
						table.reload('stafftb', {
							where : {
								//所有条件
								scode : $("#scode").val(),
								staffstatu: $("#search-ststatu").val(),
								summitstatu: $("#search-smstatu").val(),
								edittime: $("#search-edittime").val()
							}
						})
					}
				)
						
	
	})
	</script>
	<form class="layui-form">
		<div class="layui-row" style="height:50px">
			<button type="button" class="layui-btn layui-btn-normal" id="file-addbtn">
				<i class="layui-icon">&#xe654;</i>新增档案
			</button>
		</div>
		<div class="layui-row" style="height:50px">
			档案编码
			<div class="layui-inline">
   				  <input type="text" name="scode"  id="scode" required lay-verify="scode"
                           placeholder="请输入档案编码" autocomplete="off" class="layui-input">
            </div>
			档案状态
			<div class="layui-inline">
				<select name="staffstatu" id="search-ststatu">
					<option value="">请选择档案状态</option>
					<option value="0">正式员工</option>
  					<option value="1">试用期</option>
  					<option value="2">实习期</option>
  					<option value="3">离职</option>
  					<option value="4">已删除</option>
				</select>
			</div>
			审核状态
			<div class="layui-inline">
				<select name="summitstatu" id="search-smstatu">
					<option value="">请选择审核状态</option>
					<option value="0">无审核</option>
  					<option value="1">审核中</option>
  					<option value="2">通过</option>
  					<option value="3">已驳回</option>
				</select>
			</div>
			登记时间
			<div class="layui-inline">
   				  <input type="text" name="edittime" id="search-edittime" required lay-verify="required"
                           placeholder="请输入登记时间" autocomplete="off" class="layui-input">

            </div>
			
			<div class="layui-inline">
				<button type="button" class="layui-btn" id="btn-search">
					<i class="layui-icon">&#xe615;</i>查询
				</button>

			</div>
			<div style="height:">
			</div>
			
		</div>
		
	</form>
	<table class="layui-hide" id="stafftb" lay-filter="test"></table>
	<script type="text/html" id="barDemo">
		{{#  if(d.summit.summitstatu ==1 ){ }}
			{{#  if(alr ==0||alr==3 ){ }}
				<a class="layui-btn layui-btn-xs" lay-event="vali">审核</a>

  		 	{{#  }  }}
		{{#  }  }}
		{{#  if(d.summit.summitstatu !=1 ){ }}
			{{#  if(alr ==0||alr==2 ){ }}
				<a class="layui-btn layui-btn-xs" lay-event="edit">修改</a>
			{{#  }  }}
		{{#  } }}
		<a class="layui-btn layui-btn-xs" lay-event="content">明细</a>
		{{#  if( d.staffstatu!=4 &&d.staffstatu!=3 ){ }}
			<shiro:hasAnyRoles name="0,2">
				<a class="layui-btn layui-btn-xs" lay-event="photo">照片更改</a>
			</shiro:hasAnyRoles>
		{{#  } }}
		{{#  if(d.summit.summitstatu !=1 && d.staffstatu!=4 ){ }}
			<shiro:hasAnyRoles name="0,2">
   				<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
			</shiro:hasAnyRoles>
		{{#  } }}
		
	</script>
	<!--      审核页面 -->
	<script type="text/html" id="vali-dialog">
    <form class="layui-form" action=""  lay-filter="vali-load-data">
		<div style="display:none;">
			<input  type="text" id="sid" name="sid" 
                           placeholder="" autocomplete="off" class="layui-input">
		</div>
        <div class="layui-row" >
			<div class="layui-col-md12" style="height:20px">
				<div class="layui-form-item" >
					<label class="layui-form-label"></label>
				</div>
			</div>
		</div>
		<div class="layui-row">
    		<div class="layui-col-md10">
				<div class="layui-form-item">
					<label class="layui-form-label">变更类型：</label>
					<div class="layui-input-block " style="width:100px;">
        			<input  type="text" id="summittype" name="summittype" required lay-verify="required"
                           placeholder="" disabled autocomplete="off" class="layui-input layui-disabled">
					</div>
				</div>
			</div>
			
			
		</div>
		<div class="layui-row">
    		<div class="layui-col-md4">
				<div class="layui-form-item">
					<label class="layui-form-label">姓名</label>
        			<div class="layui-input-inline">
                    	<input  type="text" id="name" name="name" required lay-verify="required"
                           placeholder="请输入姓名" autocomplete="off" class="layui-input">
                	</div>
				</div>
			</div>
			<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">性别</label>
      				<div class="layui-input-inline">
        				<select name="sex" id="sex" lay-verify="required" lay-search="">
          					<option value="">请选择</option>
							<option value="0">男</option>
  							<option value="1">女</option>
        				</select>
      				</div>
				</div>
    		</div>
			<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">档案状态</label>
      				<div class="layui-input-inline">
        				<select name="staffstatu" id="staffstatu" lay-verify="required" lay-search="">
          					<option value="">请选择</option>
							<option value="0">正式员工</option>
  							<option value="1">试用期</option>
  							<option value="2">实习期</option>
  							<option value="3">离职</option>
  							<option value="4">已删除</option>
        				</select>
      				</div>
				</div>
    		</div>
		</div>
		<div class="layui-row">
			<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">政治面貌</label>
      				<div class="layui-input-inline">
        				<select name="politictype" id="politictype" lay-verify="required" lay-search="">
          					<option value="">请选择</option>
							<option value="0">群众</option>
  							<option value="1">团员</option>
							<option value="2">党员</option>
							<option value="3">其他党派</option>
        				</select>
      				</div>
				</div>
    		</div>
			<div class="layui-col-md7">
				<div class="layui-form-item">
      				<label class="layui-form-label">家庭住址</label>
        			<div class="layui-input-block">
                    	<input  type="text" id="place" name="place" required lay-verify="required"
                           placeholder="请输入住址" autocomplete="off" class="layui-input">
                	</div>
    			</div>
			</div>
  		</div>
		<div class="layui-row">
			<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">身份证号</label>
      				<div class="layui-input-inline">
        				<input  type="text" id="snum" name="snum" required lay-verify="snum"
                           placeholder="请输入身份证" autocomplete="off" class="layui-input">
      				</div>
				</div>
    		</div>
			<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">户籍</label>
        			<div class="layui-input-inline">
                    	<input  type="text" id="bplace" name="bplace" required lay-verify="required"
                           placeholder="请输入户籍所在地" autocomplete="off" class="layui-input">
                	</div>
    			</div>
			</div>
			
			<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">手机号</label>
        			<div class="layui-input-inline">
                    	<input  type="text" id="telenum" name="telenum" required lay-verify="telenum"
                           placeholder="请输入手机号" autocomplete="off" class="layui-input">
                	</div>
    			</div>
			</div>
  		</div>
		<div class="layui-row">
			<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">毕业院校</label>
      				<div class="layui-input-inline">
        				<input  type="text" id="gradschool" name="gradschool" required lay-verify="required"
                           placeholder="请输入毕业院校" autocomplete="off" class="layui-input">
      				</div>
				</div>
    		</div>
			<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">专业</label>
        			<div class="layui-input-inline">
                    	<input  type="text" id="major" name="major" required lay-verify="required"
                           placeholder="请输入专业" autocomplete="off" class="layui-input">
                	</div>
    			</div>
			</div>
			
			<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">学历</label>
        			<div class="layui-input-inline">
                    	<select name="degree" id="degree" lay-verify="required" lay-search="">
          					<option value="">请选择</option>
							<option value="0">初中</option>
  							<option value="1">高中</option>
							<option value="2">专科</option>
							<option value="3">本科</option>
							<option value="4">研究生</option>
							<option value="5">博士</option>
        				</select>
                	</div>
    			</div>
			</div>
  		</div>		
		<div class="layui-row">
			<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">薪酬标准</label>
        			<div class="layui-input-inline">
                    	<select name="salarytype" id="salarytype" lay-verify="required" lay-search="">
          					<option value="">请选择</option>
							<option value="0">初级</option>
  							<option value="1">中级</option>
							<option value="2">高级</option>
        				</select>
                	</div>
    			</div>
			</div>
			<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">开户行</label>
      				<div class="layui-input-inline">
        				<input  type="text" id="bank" name="bank" required lay-verify="required"
                           placeholder="请输入开户行" autocomplete="off" class="layui-input">
      				</div>
				</div>
    		</div>
			<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">银行卡号</label>
        			<div class="layui-input-inline">
                    	<input  type="text" id="bcardnum" name="bcardnum" required lay-verify="bcardnum"
                           placeholder="请输入银行卡号" autocomplete="off" class="layui-input">
                	</div>
    			</div>
			</div>
			
  		</div>	
		<div class="layui-row">
			<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">社保卡号</label>
        			<div class="layui-input-inline">
                    	<input  type="text" id="scardnum" name="scardnum" 
                           placeholder="请输入社保卡号" autocomplete="off" class="layui-input">
                	</div>
    			</div>
			</div>
			<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">邮箱地址</label>
        			<div class="layui-input-inline">
                    	<input  type="text" id="email" name="email" required lay-verify="email"
                           placeholder="请输入邮箱" autocomplete="off" class="layui-input">
                	</div>
    			</div>
			</div>			
  		</div>	
		<div class="layui-row">
			<div class="layui-col-md11" style="height:110px" >
				<div class="layui-form-item layui-form-text" >
      				<label class="layui-form-label">个人履历</label>
    				<div class="layui-input-block">
      					<textarea id="selfexperience" name="selfexperience" placeholder="请输入内容" class="layui-textarea"></textarea>
    				</div>
				</div>
			</div>
		</div>
		<div class="layui-row">
			<div class="layui-col-md11" style="height:110px" >
				<div class="layui-form-item layui-form-text" >
      				<label class="layui-form-label">家庭关系</label>
    				<div class="layui-input-block">
      					<textarea id="familyinfo" name="familyinfo" placeholder="请输入内容" class="layui-textarea"></textarea>
    				</div>
				</div>
			</div>
		</div>
		<div class="layui-row">
			<div class="layui-col-md11" style="height:110px" >
				<div class="layui-form-item layui-form-text" >
      				<label class="layui-form-label">备注</label>
    				<div class="layui-input-block">
      					<textarea id="staffdesc" name="staffdesc" placeholder="请输入内容" class="layui-textarea"></textarea>
    				</div>
				</div>
			</div>
		</div>
		<div class="layui-row">
			<div class="layui-col-md11" >
				<div class="layui-form-item" style="text-align:center;">
      				<div class="layui-input-block">
						<button type="submit" class="layui-btn" lay-submit lay-filter="pass-submit">审核通过</button>
						
      					<button type="submit" class="layui-btn" lay-submit lay-filter="refuse-submit">驳回</button>
						
      					<button type="reset" class="layui-btn layui-btn-primary">重置</button>
    				</div>
				</div>
    		</div>
  		</div>
    </form>
	</script>
	<!--      新增页面 -->
	<script type="text/html" id="add-dialog">
    <form class="layui-form" action=""  lay-filter="add-load-data">
	
		<div class="layui-row" >
			<div class="layui-col-md12" style="height:20px">
				<div class="layui-form-item" >
					<label class="layui-form-label"></label>
				</div>
			</div>
		</div>
		<div class="layui-row">
			<div class="layui-col-md4">
        		<div class="layui-form-item">
      				<label class="layui-form-label">部门选择</label>
      				<div class="layui-input-inline">
        				<select name="did" id="newdepart" lay-filter="newdepart" lay-verify="required" lay-search="">
          					<option value="">请选择</option>
        				</select>
      				</div>
    			</div>
			</div>
    		<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">职位选择</label>
      				<div class="layui-input-inline">
        				<select name="jid" id="newjob" lay-verify="required" lay-search="">
          					<option value="">请选择</option>
          
        				</select>
      				</div>
    			</div>
			</div>
			<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">职称选择</label>
      				<div class="layui-input-inline">
        				<select name="jtid" id="newjobtitle" lay-verify="required" lay-search="">
          					<option value="">请选择</option>
          
        				</select>
      				</div>
    			</div>
			</div>
  		</div>
		<div class="layui-row">
    		<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">档案状态</label>
      				<div class="layui-input-inline">
        				<select name="staffstatu" id="newstaffstatu" lay-verify="required" lay-search="">
          					<option value="">请选择</option>
							<option value="0">正式员工</option>
  							<option value="1">试用期</option>
  							<option value="2">实习期</option>
  							<option value="3">离职</option>
  							<option value="4">已删除</option>
        				</select>
      				</div>
				</div>
    		</div>
			<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">姓名</label>
        			<div class="layui-input-inline">
                    	<input  type="text" id="newname" name="name" required lay-verify="name"
                           placeholder="请输入姓名" autocomplete="off" class="layui-input">
                	</div>
    			</div>
			</div>
			<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">性别</label>
      				<div class="layui-input-inline">
        				<select name="sex" id="newsex" lay-verify="required" lay-search="">
          					<option value="">请选择</option>
							<option value="0">男</option>
  							<option value="1">女</option>
        				</select>
      				</div>
				</div>
    		</div>
  		</div>
		<div class="layui-row">
			<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">政治面貌</label>
      				<div class="layui-input-inline">
        				<select name="politictype" id="newpolitictype" lay-verify="required" lay-search="">
          					<option value="">请选择</option>
							<option value="0">群众</option>
  							<option value="1">团员</option>
							<option value="2">党员</option>
							<option value="3">其他党派</option>
        				</select>
      				</div>
				</div>
    		</div>
			<div class="layui-col-md7">
				<div class="layui-form-item">
      				<label class="layui-form-label">家庭住址</label>
        			<div class="layui-input-block">
                    	<input  type="text" id="newplace" name="place" required lay-verify="required"
                           placeholder="请输入住址" autocomplete="off" class="layui-input">
                	</div>
    			</div>
			</div>
  		</div>
		<div class="layui-row">
			<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">身份证号</label>
      				<div class="layui-input-inline">
        				<input  type="text" id="newsnum" name="snum" required lay-verify="snum"
                           placeholder="请输入身份证" autocomplete="off" class="layui-input">
      				</div>
				</div>
    		</div>
			<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">户籍</label>
        			<div class="layui-input-inline">
                    	<input  type="text" id="newbplace" name="bplace" required lay-verify="required"
                           placeholder="请输入户籍所在地" autocomplete="off" class="layui-input">
                	</div>
    			</div>
			</div>
			
			<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">手机号</label>
        			<div class="layui-input-inline">
                    	<input  type="text" id="newtelenum" name="telenum" required lay-verify="telenum"
                           placeholder="请输入手机号" autocomplete="off" class="layui-input">
                	</div>
    			</div>
			</div>
  		</div>
		<div class="layui-row">
			<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">毕业院校</label>
      				<div class="layui-input-inline">
        				<input  type="text" id="newgradschool" name="gradschool" required lay-verify="required"
                           placeholder="请输入毕业院校" autocomplete="off" class="layui-input">
      				</div>
				</div>
    		</div>
			<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">专业</label>
        			<div class="layui-input-inline">
                    	<input  type="text" id="newmajor" name="major" required lay-verify="required"
                           placeholder="请输入专业" autocomplete="off" class="layui-input">
                	</div>
    			</div>
			</div>
			
			<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">学历</label>
        			<div class="layui-input-inline">
                    	<select name="degree" id="newdegree" lay-verify="required" lay-search="">
          					<option value="">请选择</option>
							<option value="0">初中</option>
  							<option value="1">高中</option>
							<option value="2">专科</option>
							<option value="3">本科</option>
							<option value="4">研究生</option>
							<option value="5">博士</option>
        				</select>
                	</div>
    			</div>
			</div>
  		</div>		
		<div class="layui-row">
			<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">薪酬标准</label>
        			<div class="layui-input-inline">
                    	<select name="salarytype" id="newsalarytype" lay-verify="required" lay-search="">
          					<option value="">请选择</option>
							<option value="0">初级</option>
  							<option value="1">中级</option>
							<option value="2">高级</option>
        				</select>
                	</div>
    			</div>
			</div>
			<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">开户行</label>
      				<div class="layui-input-inline">
        				<input  type="text" id="newbank" name="bank" required lay-verify="required"
                           placeholder="请输入开户行" autocomplete="off" class="layui-input">
      				</div>
				</div>
    		</div>
			<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">银行卡号</label>
        			<div class="layui-input-inline">
                    	<input  type="text" id="newbcardnum" name="bcardnum" required lay-verify="bcardnum"
                           placeholder="请输入银行卡号" autocomplete="off" class="layui-input">
                	</div>
    			</div>
			</div>
			
  		</div>	
		<div class="layui-row">
			<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">社保卡号</label>
        			<div class="layui-input-inline">
                    	<input  type="text" id="newscardnum" name="scardnum" required lay-verify="scardnum"
                           placeholder="请输入社保卡号" autocomplete="off" class="layui-input">
                	</div>
    			</div>
			</div>
			<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">邮箱地址</label>
        			<div class="layui-input-inline">
                    	<input  type="text" id="newemail" name="email" required lay-verify="email"
                           placeholder="请输入邮箱" autocomplete="off" class="layui-input">
                	</div>
    			</div>
			</div>			
  		</div>	
		<div class="layui-row">
			<div class="layui-col-md11" style="height:110px" >
				<div class="layui-form-item layui-form-text" >
      				<label class="layui-form-label">个人履历</label>
    				<div class="layui-input-block">
      					<textarea id="newselfexperience" name="selfexperience" placeholder="请输入内容" class="layui-textarea"></textarea>
    				</div>
				</div>
			</div>
		</div>
		<div class="layui-row">
			<div class="layui-col-md11" style="height:110px" >
				<div class="layui-form-item layui-form-text" >
      				<label class="layui-form-label">家庭关系</label>
    				<div class="layui-input-block">
      					<textarea id="newfamilyinfo" name="familyinfo" placeholder="请输入内容" class="layui-textarea"></textarea>
    				</div>
				</div>
			</div>
		</div>
		<div class="layui-row">
			<div class="layui-col-md11" style="height:110px" >
				<div class="layui-form-item layui-form-text" >
      				<label class="layui-form-label">备注</label>
    				<div class="layui-input-block">
      					<textarea id="newstaffdesc" name="staffdesc" placeholder="请输入内容" class="layui-textarea"></textarea>
    				</div>
				</div>
			</div>
		</div>
		<div class="layui-row">
			<div class="layui-col-md11" >
				<div class="layui-form-item" style="text-align:center;">
      				<div class="layui-input-block">
      					<button type="submit" class="layui-btn" lay-submit lay-filter="add-submit">立即提交</button>
      					<button type="reset" class="layui-btn layui-btn-primary">重置</button>
    				</div>
				</div>
    		</div>
  		</div>

    </form>
	</script>
	<!--      修改页面 -->
	<script type="text/html" id="edit-dialog">
    <form class="layui-form" action=""  lay-filter="edit-load-data">
		<div class="layui-row" >
			<div class="layui-col-md12" style="height:20px">
				<div class="layui-form-item" >
					<label class="layui-form-label"></label>
				</div>
			</div>
		</div>
        <div class="layui-row">
			<div class="layui-col-md4">
        		<div class="layui-form-item">
      				<label class="layui-form-label">变更类型</label>
      				<div class="layui-input-inline">
        				<select name="summittype" id="summittype" lay-filter="summittype" lay-verify="required" lay-search="">
          					<option value="">请选择</option>
							<option value="0">转正</option>
							<option value="1">调薪</option>
							<option value="2">调岗</option>
							<option value="3">离职</option>
							<option value="6">修改信息</option>
        				</select>
      				</div>
    			</div>
			</div>
    		<div class="layui-col-md4">
				<div class="layui-form-item">
 					<input  type="text" id="sid" name="sid" required lay-verify="required"
                           placeholder="" autocomplete="off" class="layui-input layui-hide">
      				
    			</div>
			</div>
			<div class="layui-col-md4">
				<div class="layui-form-item">

      				
    			</div>
			</div>
  		</div>
		<div class="layui-row layui-hide" id="changejob">
			<div class="layui-col-md4">
        		<div class="layui-form-item">
      				<label class="layui-form-label">部门选择</label>
      				<div class="layui-input-inline">
        				<select name="did" id="depart" lay-filter="depart" lay-verify="required" lay-search="">
          					<option value="">请选择</option>
        				</select>
      				</div>
    			</div>
			</div>
    		<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">职位选择</label>
      				<div class="layui-input-inline">
        				<select name="jid" id="job" lay-verify="required" lay-search="">
          					<option value="">请选择</option>
          
        				</select>
      				</div>
    			</div>
			</div>
			<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">职称选择</label>
      				<div class="layui-input-inline">
        				<select name="jtid" id="jobtitle" lay-verify="required" lay-search="">
          					<option value="">请选择</option>
          
        				</select>
      				</div>
    			</div>
			</div>
  		</div>
		<div class="layui-row layui-hide" id="changestatu">
    		<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">档案状态</label>
      				<div class="layui-input-inline">
        				<select name="staffstatu" id="staffstatu" lay-verify="required" lay-search="">
          					<option value="">请选择</option>
							<option value="0">正式员工</option>
  							<option value="1">试用期</option>
  							<option value="2">实习期</option>
  							<option value="3">离职</option>
  							<option value="4">已删除</option>
        				</select>
      				</div>
				</div>
    		</div>
			<div class="layui-col-md4">
				<div class="layui-form-item">
 
      				
    			</div>
			</div>
			<div class="layui-col-md4">
				<div class="layui-form-item">

      				
    			</div>
			</div>
			
  		</div>
		<div class="layui-row layui-hide" id="changesalary">
			<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">薪酬标准</label>
        			<div class="layui-input-inline">
                    	<select name="salarytype" id="salarytype" lay-verify="required" lay-search="">
          					<option value="">请选择</option>
							<option value="0">初级</option>
  							<option value="1">中级</option>
							<option value="2">高级</option>
        				</select>
                	</div>
    			</div>
			</div>
			<div class="layui-col-md4">
				<div class="layui-form-item">
 
      				
    			</div>
			</div>
			<div class="layui-col-md4">
				<div class="layui-form-item">

      				
    			</div>
			</div>
		</div>
		<div class="layui-hide" id="changeinfo">
		<div class="layui-row">
			<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">姓名</label>
        			<div class="layui-input-inline">
                    	<input  type="text" id="name" name="name" required lay-verify="name"
                           placeholder="请输入姓名" autocomplete="off" class="layui-input">
                	</div>
    			</div>
			</div>
			<div class="layui-col-md7">
				<div class="layui-form-item">
      				<label class="layui-form-label">家庭住址</label>
        			<div class="layui-input-block">
                    	<input  type="text" id="place" name="place" required lay-verify="required"
                           placeholder="请输入住址" autocomplete="off" class="layui-input">
                	</div>
    			</div>
			</div>		
		</div>
		<div class="layui-row">
			<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">政治面貌</label>
      				<div class="layui-input-inline">
        				<select name="politictype" id="politictype" lay-verify="required" lay-search="">
          					<option value="">请选择</option>
							<option value="0">群众</option>
  							<option value="1">团员</option>
							<option value="2">党员</option>
							<option value="3">其他党派</option>
        				</select>
      				</div>
				</div>
    		</div>
			<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">性别</label>
      				<div class="layui-input-inline">
        				<select name="sex" id="sex" lay-verify="required" lay-search="">
          					<option value="">请选择</option>
							<option value="0">男</option>
  							<option value="1">女</option>
        				</select>
      				</div>
				</div>
    		</div>
			<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">邮箱地址</label>
        			<div class="layui-input-inline">
                    	<input  type="text" id="email" name="email" required lay-verify="email"
                           placeholder="请输入邮箱" autocomplete="off" class="layui-input">
                	</div>
    			</div>
			</div>		
			
  		</div>
		<div class="layui-row">
			<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">身份证号</label>
      				<div class="layui-input-inline">
        				<input  type="text" id="newsnum" name="snum" required lay-verify="snum"
                           placeholder="请输入身份证" autocomplete="off" class="layui-input">
      				</div>
				</div>
    		</div>
			<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">户籍</label>
        			<div class="layui-input-inline">
                    	<input  type="text" id="newbplace" name="bplace" required lay-verify="required"
                           placeholder="请输入户籍所在地" autocomplete="off" class="layui-input">
                	</div>
    			</div>
			</div>
			
			<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">手机号</label>
        			<div class="layui-input-inline">
                    	<input  type="text" id="newtelenum" name="telenum" required lay-verify="telenum"
                           placeholder="请输入手机号" autocomplete="off" class="layui-input">
                	</div>
    			</div>
			</div>
  		</div>
		<div class="layui-row">
			<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">毕业院校</label>
      				<div class="layui-input-inline">
        				<input  type="text" id="newgradschool" name="gradschool" required lay-verify="required"
                           placeholder="请输入毕业院校" autocomplete="off" class="layui-input">
      				</div>
				</div>
    		</div>
			<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">专业</label>
        			<div class="layui-input-inline">
                    	<input  type="text" id="newmajor" name="major" required lay-verify="required"
                           placeholder="请输入专业" autocomplete="off" class="layui-input">
                	</div>
    			</div>
			</div>
			
			<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">学历</label>
        			<div class="layui-input-inline">
                    	<select name="degree" id="newdegree" lay-verify="required" lay-search="">
          					<option value="">请选择</option>
							<option value="0">初中</option>
  							<option value="1">高中</option>
							<option value="2">专科</option>
							<option value="3">本科</option>
							<option value="4">研究生</option>
							<option value="5">博士</option>
        				</select>
                	</div>
    			</div>
			</div>
  		</div>		
		<div class="layui-row">
			<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">社保卡号</label>
        			<div class="layui-input-inline">
                    	<input  type="text" id="newscardnum" name="scardnum" required lay-verify="scardnum"
                           placeholder="请输入社保卡号" autocomplete="off" class="layui-input">
                	</div>
    			</div>
			</div>
			<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">开户行</label>
      				<div class="layui-input-inline">
        				<input  type="text" id="newbank" name="bank" required lay-verify="required"
                           placeholder="请输入开户行" autocomplete="off" class="layui-input">
      				</div>
				</div>
    		</div>
			<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">银行卡号</label>
        			<div class="layui-input-inline">
                    	<input  type="text" id="newbcardnum" name="bcardnum" required lay-verify="bcardnum"
                           placeholder="请输入银行卡号" autocomplete="off" class="layui-input">
                	</div>
    			</div>
			</div>
			
  		</div>
		<div class="layui-row">
			<div class="layui-col-md11" style="height:110px" >
				<div class="layui-form-item layui-form-text" >
      				<label class="layui-form-label">个人履历</label>
    				<div class="layui-input-block">
      					<textarea id="newselfexperience" name="selfexperience" placeholder="请输入内容" class="layui-textarea"></textarea>
    				</div>
				</div>
			</div>
		</div>
		<div class="layui-row">
			<div class="layui-col-md11" style="height:110px" >
				<div class="layui-form-item layui-form-text" >
      				<label class="layui-form-label">家庭关系</label>
    				<div class="layui-input-block">
      					<textarea id="newfamilyinfo" name="familyinfo" placeholder="请输入内容" class="layui-textarea"></textarea>
    				</div>
				</div>
			</div>
		</div>
		<div class="layui-row">
			<div class="layui-col-md11" style="height:110px" >
				<div class="layui-form-item layui-form-text" >
      				<label class="layui-form-label">备注</label>
    				<div class="layui-input-block">
      					<textarea id="newstaffdesc" name="staffdesc" placeholder="请输入内容" class="layui-textarea"></textarea>
    				</div>
				</div>
			</div>
		</div>	
		</div>

		
		<div class="layui-row layui-hide" id="changebtn">
			<div class="layui-col-md11" >
				<div class="layui-form-item" style="text-align:center;">
      				<div class="layui-input-block">
      					<button type="submit" class="layui-btn" lay-submit lay-filter="edit-submit">立即提交</button>
      					<button type="button" id="resume" class="layui-btn layui-btn-primary" >重置</button>
    				</div>
				</div>
    		</div>
  		</div>
    </form>
	</script>
	<!--      明细页面 -->
	<script type="text/html" id="content-dialog">
    <form class="layui-form" action=""  lay-filter="content-load-data">
	<div>
        <div class="layui-row" >
			<div class="layui-col-md12" style="height:20px">
				<div class="layui-form-item" >
					<label class="layui-form-label"></label>
				</div>
			</div>
		</div>
		<div class="layui-row">
			<div class="layui-col-md8">
				<div class="layui-form-item">
      				<label class="layui-form-label">档案编码:</label>
        			<div class="layui-input-block" >
                    	<input  type="text" id="scode" name="scode" required lay-verify="scode"
                           placeholder="BDQN00004" autocomplete="off" class="layui-input layui-disabled">
                	</div>
    			</div>
			</div>
			<div class="layui-col-md4">
				<div class="layui-form-item">
					<label class="layui-form-label">照片:</label>
        			<div class="layui-input-block" id="phototool" style="height:150px;">
                    	
                	</div>
    			</div>
			</div>
       </div>
       <div class="layui-row">
    		<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">所属部门:</label>
        			<div class="layui-input-block" >
                    	<input  type="text" id="did" name="did" required lay-verify="required"
                           placeholder="" autocomplete="off" class="layui-input layui-disabled">
                	</div>
    			</div>
			</div>
     
			<div class="layui-col-md4">
				<div class="layui-form-item">
      					<label class="layui-form-label">档案状态:</label>
        			<div class="layui-input-block" >
                    	<input  type="text" id="staffstatu" name="staffstatu" required lay-verify="required"
                           placeholder="" autocomplete="off" class="layui-input layui-disabled">
    			   </div>
			   </div>
          </div>
      </div>
       <div class="layui-row">
    		<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">职位名称:</label>
        			<div class="layui-input-block" >
                    	<input  type="text" id="jid" name="jid" required lay-verify="required"
                           placeholder="" autocomplete="off" class="layui-input layui-disabled">
                	</div>
    			</div>
			</div>
     
			<div class="layui-col-md4">
				<div class="layui-form-item">
      					<label class="layui-form-label">职位编码:</label>
        			<div class="layui-input-block" >
                    	<input  type="text" id="jobcode" name="jobcode" required lay-verify="jobcode"
                           placeholder="" autocomplete="off" class="layui-input layui-disabled">
    			   </div>
			   </div>
          </div>
      </div>
      <div class="layui-row">
    		<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">姓名:</label>
        			<div class="layui-input-block" >
                    	<input  type="text" id="name" name="name" required lay-verify="required"
                           placeholder="" autocomplete="off" class="layui-input layui-disabled">
                	</div>
    			</div>
			</div>
     
			<div class="layui-col-md4">
				<div class="layui-form-item">
      					<label class="layui-form-label">性别:</label>
        			<div class="layui-input-block" >
                    	<input  type="text" id="sex" name="sex" required lay-verify="required"
                           placeholder="女" autocomplete="off" class="layui-input layui-disabled">
    			   </div>
			   </div>
          </div>
      </div>
      <div class="layui-row">
    		<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">email:</label>
        			<div class="layui-input-block" >
                    	<input  type="text" id="email" name="email" required lay-verify="email"
                           placeholder="...@sina.com" autocomplete="off" class="layui-input layui-disabled">
                	</div>
    			</div>
			</div>
     
			<div class="layui-col-md4">
				<div class="layui-form-item">
      					<label class="layui-form-label">联系电话:</label>
        			<div class="layui-input-block"  >
                    	<input  type="text" id="telenum" name="telenum" required lay-verify="tele"
                           placeholder="13922277753" autocomplete="off" class="layui-input layui-disabled">
    			   </div>
			   </div>
          </div>
      </div>
     <div class="layui-row">
			<div class="layui-col-md8">
				<div class="layui-form-item">
      				<label class="layui-form-label">住址:</label>
        			<div class="layui-input-block" >
                    	<input  type="text" id="place" name="place" required lay-verify="required"
                           placeholder="北京市朝阳区团结湖101号" autocomplete="off" class="layui-input layui-disabled">
                	</div>
    			</div>
			</div>
     </div>
     
    <div class="layui-row">
			<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">身份证号</label>
        			<div class="layui-input-inline"   >
                    	<input  type="text" id="snum" name="snum" required lay-verify="required"
                           placeholder="4118876546897865689" autocomplete="off" class="layui-input layui-disabled">
                	</div>
    			</div>
			</div>
  		
			<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">户口所在地</label>
        			<div class="layui-input-inline"   >
                    	<input  type="text" id="bplace" name="bplace" required lay-verify="required"
                           placeholder="北京市" autocomplete="off" class="layui-input layui-disabled">
                	</div>
    			</div>
			</div>
  
			<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">政治面貌</label>
        			<div class="layui-input-inline"  >
                    	<input  type="text" id="politictype" name="politictype" required lay-verify="required"
                           placeholder="党员" autocomplete="off" class="layui-input layui-disabled">
                	</div>
    			</div>
			</div>
  	</div>		
	<div class="layui-row">
			<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">毕业院校</label>
        			<div class="layui-input-inline">
                    	<input  type="text" id="gradschool" name="gradschool" required lay-verify="required"
                           placeholder="北京航空航天大学" autocomplete="off" class="layui-input layui-disabled">
                	</div>
    			</div>
			</div>
			<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">专业</label>
      				<div class="layui-input-inline">
        				<input  type="text" id="major" name="major" required lay-verify="required"
                           placeholder="计算机应用与科学" autocomplete="off" class="layui-input layui-disabled">
      				</div>
				</div>
    		</div>
			<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">学历</label>
        			<div class="layui-input-inline">
                    	<input  type="text" id="degree" name="degree" required lay-verify="required"
                           placeholder="专科" autocomplete="off" class="layui-input layui-disabled">
                	</div>
    			</div>
			</div>
			
  	</div>	
	<div class="layui-row">
			<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">薪酬标准</label>
        			<div class="layui-input-inline">
                    	<input  type="text" id="salarytype" name="salarytype" required lay-verify="required"
                           placeholder="初级软件工程师" autocomplete="off" class="layui-input layui-disabled">
                	</div>
    			</div>
			</div>
			<div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">开户行</label>
        			<div class="layui-input-inline">
                    	<input  type="text" id="bank" name="bank" required lay-verify="required"
                           placeholder="工行" autocomplete="off" class="layui-input layui-disabled">
                	</div>
    			</div>
			</div>	
            <div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">银行卡号</label>
        			<div class="layui-input-inline">
                    	<input  type="text" id="bcardnum" name="bcardnum" required lay-verify="bcardnum"
                           placeholder="6554421114552454789" autocomplete="off" class="layui-input layui-disabled">
                	</div>
    			</div>
			</div>	
    </div>
    <div class="layui-row">
             <div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">社保卡号</label>
        			<div class="layui-input-inline">
                    	<input  type="text" id="scardnum" name="scardnum" required lay-verify="scardnum"
                           placeholder="6457878912345678589" autocomplete="off" class="layui-input layui-disabled">
                	</div>
    			</div>
			</div>	
             <div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">登记人</label>
        			<div class="layui-input-inline">
                    	<input  type="text" id="editname" name="editname" required lay-verify="required"
                           placeholder="hunlu" autocomplete="off" class="layui-input layui-disabled">
                	</div>
    			</div>
			</div>	
           <div class="layui-col-md4">
				<div class="layui-form-item">
      				<label class="layui-form-label">建档时间</label>
        			<div class="layui-input-inline">
                    	<input  type="text" id="edittime" name="edittime" required lay-verify="required"
                           placeholder="2013-11-21" autocomplete="off" class="layui-input layui-disabled">
                	</div>
    			</div>
			</div>			
  	</div>	
		<div class="layui-row">
			<div class="layui-col-md11" style="height:110px" >
				<div class="layui-form-item layui-form-text" >
      				<label class="layui-form-label">个人履历</label>
    				<div class="layui-input-block">
      					<textarea id="selfexperience" name="selfexperience" placeholder="请输入内容" class="layui-textarea layui-disabled"></textarea>
    				</div>
				</div>
			</div>
        
           
		</div>
		<div class="layui-row">
			<div class="layui-col-md11" style="height:110px" >
				<div class="layui-form-item layui-form-text" >
      				<label class="layui-form-label">家庭关系</label>
    				<div class="layui-input-block">
      					<textarea id="familyinfo" name="familyinfo" placeholder="请输入内容" class="layui-textarea layui-disabled"></textarea>
    				</div>
				</div>
			</div>
		</div>
		<div class="layui-row">
			<div class="layui-col-md11" style="height:110px" >
				<div class="layui-form-item layui-form-text" >
      				<label class="layui-form-label">备注</label>
    				<div class="layui-input-block">
      					<textarea id="staffdesc" name="staffdesc" placeholder="请输入内容" class="layui-textarea layui-disabled"></textarea>
    				</div>
				</div>
			</div>
		</div>
	</div>
    </form>
	</script>
	<!--      照片上传页面 -->
	<script type="text/html" id="photo-dialog">
   		<div class="layui-row" >
			<div class="layui-col-md12" style="height:20px">
				<div class="layui-form-item" >
					<label class="layui-form-label"></label>
				</div>
			</div>
		</div>
		<div class="layui-row" >
			<div class="layui-col-md11">
				<div class="layui-form-item" style="text-align:center;">
    			<label class="layui-form-label">  </label>
   				<div class="layui-input-inline uploadHeadImage">
        			<div class="layui-upload-drag" id="headImg">
            			<i class="layui-icon"></i>
            			<p>请上传jpg格式文件，且大小不超过200kb</p>
        			</div>
   		  		</div>
			</div>
		</div>
	
   
	</div>
	</script>
</body>